// 创建一个路由器,并暴露出去
// 第一步:引入createRouter
import { createRouter,createWebHistory,createWebHashHistory } from "vue-router";

//引入一个个可能要呈现的组件
import Home from "@/pages/Home.vue";
import News from '@/pages/News.vue';
import About from '@/pages/About.vue';
import Detail from '@/pages/Detail.vue'
import type { title } from "process";


//第二步:创建路由器
const router=createRouter({
    history:createWebHistory(), //路由器的工作模式
    // history:createWebHashHistory(), //路由器的工作模式 hash模式
    routes:[ //路由
        {
            name:'zhuye',
            path: '/',
            redirect:'home'
        },
        {
            name: 'home',
            path: '/home',
            component:Home
        },
        {
            name: 'about',
            path:'/about',
            component:About
        },
        {
            name: 'news',
            path:'/news',
            component:News,
            children:[
                {
                    name:'detail',
                    path:'detail/:id/:title/:content?',
                    // path:'detail',
                    component:Detail,

                    //使用params 第一种写法:将路由收到得所有params作为props传给路由组件
                    props:true

                    //第二种写法:可以自己决定将什么作为props给足有组件
                    //使用query
                    // props(route){
                    //     return route.query
                    // }
                    // 第三种写法:对象写法,可以自己决定将什么作为props给路由组件
                    //用的很少,写死的参数
                    // props:{
                    //     id:10,
                    //     title:202,
                    //     content:30
                    // }
                }
            ]
        }
    ]
})

//暴露出去router
export default router
